<template>
  <div>
    <!-- <view class="mt-4 pa-3 bg-cell al-c" hover-class="btn-hover" @click="onHead">
      <u-avatar :src="userInfo.avatarUrl" size="44"></u-avatar>
      <view class="ml-3">
        <view class="fz-17">{{ userData.email || "登录" }}</view>
      </view>
    </view> -->
    <mine-list />
    <view class="pa-3">
      {{ loginRes }}
    </view>
  </div>
</template>

<script>
  import {
    mapState
  } from "vuex";
  import mineList from "./mine-list.vue";

  export default {
    components: {
      mineList,
    },
    computed: {
      ...mapState({
        userData: (s) => s.userData,
        userInfo: (s) => s.userInfo,
        inSdk: (s) => s.sysInfo.inSdk,
      }),
    },
    data() {
      return {
        loginRes: "",
      };
    },
    methods: {
      onHead() {
        let path = "mine/login";
        if (this.userData.token) {
          path = "mine/info";
        }
        // this.$navTo(path);
      },
    },
  };
</script>